<template>
  <div class="form-item items-center gap-1" @click="handleClickItem">
    <div class="p-3 bg-emerald-500/10 rounded-lg">
      <div class="icon-xl text-emerald-500 " :class="props.icon"></div>
    </div>
    <div>{{ props.title }}</div>
  </div>
</template>

<script setup lang='ts'>

interface Props {
  icon?: string;
  title?: string;
}

const props = withDefaults(defineProps<Props>(), {
  icon: '',
  title: '',
})

const emits = defineEmits(['click'])

const handleClickItem = () => {
  emits('click')
}


</script>

<style></style>